<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>案例4.2</title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}

			.demo {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
			}

			.demo div {
				height: 50px;
				border: 1px solid #000;
			}
		</style>
	</head>
	<body>
		<div class="demo">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>

		<script>
			mui.plusReady(function() {
				main()
			})

			function main() {

			}

			function list() {

			}

			function nav() {

			}
		</script>
	</body>
</html>